
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
  
    <title>汪靖宁的个人博客</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">


  </head>

  <body>


<div class="container">
		<div class="row">
			
			<nav aria-label="...">
			  <ul class="pager">
			    <li class="previous disabled"><a href="#"><span aria-hidden="true">上一页</span></a></li>
			    <li class="next"><a href="#"><span aria-hidden="true">下一页</span></a></li>
			  </ul>
			</nav>
			
		  <div class="col-sm-6 col-md-3">
			<div class="thumbnail">
			  <img src="img/img.jpg" alt="...">
			  <div class="caption">
				<h3>Thumbnail label</h3>
				<p>副标题</p>
			  </div>
			</div>
		   </div>
		   <div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
		    </div>
			<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			 </div>
			 <div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			  </div>
			  <div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			   </div>
			   <div class="col-sm-6 col-md-3">
					<div class="thumbnail">
					  <img src="img/img.jpg" alt="...">
					  <div class="caption">
						<h3>Thumbnail label</h3>
						<p>副标题</p>
					  </div>
					</div>
			    </div>
			   <div class="col-sm-6 col-md-3">
					<div class="thumbnail">
					  <img src="img/img.jpg" alt="...">
					  <div class="caption">
						<h3>Thumbnail label</h3>
						<p>副标题</p>
					  </div>
					</div>
			    </div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
					  <img src="img/img.jpg" alt="...">
					  <div class="caption">
						<h3>Thumbnail label</h3>
						<p>副标题</p>
					  </div>
					</div>
				 </div>
			 <div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			  </div>
			<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			 </div>
			 <div class="col-sm-6 col-md-3">
				<div class="thumbnail">
				  <img src="img/img.jpg" alt="...">
				  <div class="caption">
					<h3>Thumbnail label</h3>
					<p>副标题</p>
				  </div>
				</div>
			  </div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
					  <img src="img/img.jpg" alt="...">
					  <div class="caption">
						<h3>Thumbnail label</h3>
						<p>副标题</p>
					  </div>
					</div>
				 </div>
		</div>
		<nav style="text-align: center">
		<ul class="pagination pagination-lg">
				<li><a href="#">首页</a></li>
				<li>
				  <a href="#" aria-label="Previous">
					<span aria-hidden="true">上一页</span>
				  </a>
				</li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li>
				  <a href="#" aria-label="Next">
					<span aria-hidden="true">下一页</span>
				  </a>
				</li>
				<li><a href="#">尾页</a></li>
			  </ul>
		</nav>
	</div>

    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="common/bootstrap.min.js"></script>

  </body>
</html>
